<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:p="http://primefaces.org/ui">
<h:head>

</h:head>

<body>

 <center>
	<p:graphicImage url="resources/imagenes/primefaces_logo.png"
		height="100" width="500" />
</center>

	<p:growl autoUpdate="true" showDetail="true" sticky="true" />
	<h:form id="frmPersona">
		<center>
			<p:panelGrid columns="2">
				<f:facet name="header">
					<h:outputText value="Registro personas" />
				</f:facet>
				<h:outputText value="Cedula" />
				<p:inputText value="#{personaMB.persona.cedula}" />

				<h:outputText value="Nombres" />
				<p:inputText value="#{personaMB.persona.nombres}" />

				<h:outputText value="PrimerApellido" />
				<p:inputText value="#{personaMB.persona.primerapellido}" />

				<h:outputText value="SegundoApellido" />
				<p:inputText value="#{personaMB.persona.segundoapellido}" />

				<h:outputText value="Fecha Nacimiento" />
				<p:calendar value="#{personaMB.persona.fechanacimiento}" />

				<h:outputText value="Sexo" />
				<p:selectOneRadio value="#{personaMB.persona.sexo}">
					<f:selectItem itemValue="F" itemLabel="Femenino" />
					<f:selectItem itemValue="M" itemLabel="Masculino" />

				</p:selectOneRadio>
				<h:outputText value="Direccion" />
				<p:inputText value="#{personaMB.persona.direccion}" />

				<h:outputText value="Telefono" />
				<p:inputText value="#{personaMB.persona.telefono}" />
				<f:facet name="footer">
					<center>
						<p:commandButton value="Registrar"
							actionListener="#{personaMB.registrarPersona()}"
							update="dtPersonas frmPersona" />
						<p:commandButton value="Limpiar"
							actionListener="#{personaMB.limpiarCampos}" update="frmPersona" />
					</center>
				</f:facet>
			</p:panelGrid>

			<p:dataTable id="dtPersonas" value="#{personaMB.lPersonas}"
				var="persona">
				
				<p:column headerText="Id" filterBy="#{persona.id}" sortBy="#{persona.id}">
					<h:outputText value="#{persona.id}" />
				</p:column>
				<p:column headerText="Cedula" filterBy="#{persona.cedula}" sortBy="#{persona.cedula}">
					<h:outputText value="#{persona.cedula}" />
				</p:column>
				<p:column headerText="Nombres" filterBy="#{persona.nombres}" sortBy="#{persona.nombres}">
					<h:outputText value="#{persona.nombres}" />
				</p:column>
				<p:column headerText="Primer Apellido">
					<h:outputText value="#{persona.primerapellido}" />
				</p:column>
				<p:column headerText="Segundo Apellido">
					<h:outputText value="#{persona.segundoapellido}" />
				</p:column>

				<f:facet name="footer">
					<center>
						<p:commandButton value="Adicionar"
							onclick="PF('dlgPersona').show();" type="button" />
					</center>
				</f:facet>

			</p:dataTable>
		</center>
	</h:form>


	<!-- DIALOGO QUE HABRE EL FORMULARIO -->
	<p:dialog widgetVar="dlgPersona">
		<h:form id="frmGestionPersona">
			<p:panelGrid columns="2">
				<f:facet name="header">
					<h:outputText value="#{etiquetas_resource.registro_personas_tittle}" />
				</f:facet>
				<h:outputText value="#{etiquetas_resource.cedula_title}" />
				<p:inputText value="#{personaMB.persona.cedula}" />
				<h:outputText value="#{etiquetas_resource.nombres_title}" />
				<p:inputText value="#{personaMB.persona.nombres}" />
				<h:outputText value="#{etiquetas_resource.primerApellido_title}" />
				<p:inputText value="#{personaMB.persona.primerapellido}" />
				<h:outputText value="#{etiquetas_resource.segundoApellido_title}" />
				<p:inputText value="#{personaMB.persona.segundoapellido}" />
				<h:outputText value="#{etiquetas_resource.fechaNacimiento_title}" />
				<p:calendar value="#{personaMB.persona.fechanacimiento}" />
				<h:outputText value="#{etiquetas_resource.sexo_title}" />
				<p:selectOneRadio value="#{personaMB.persona.sexo}">
					<f:selectItem itemValue="F" itemLabel="#{etiquetas_resource.femenino_title}" />
					<f:selectItem itemValue="M" itemLabel="#{etiquetas_resource.masculino_title}" />
				</p:selectOneRadio>
				<h:outputText value="#{etiquetas_resource.direccion_title}" />
				<p:inputText value="#{personaMB.persona.direccion}" />
				<h:outputText value="#{etiquetas_resource.telefono_title}" />
				<p:inputText value="#{personaMB.persona.telefono}" />
				<f:facet name="footer">
					<center>
						<p:commandButton value="#{etiquetas_resource.registrar_title}"
							actionListener="#{personaMB.registrarPersona}"
							update=":frmPersona:dtPersonas"
							escape="dlgPersona"
							/>
						<p:commandButton value="#{etiquetas_resource.limpiar_title}"
							actionListener="#{personaMB.limpiarCampos}"
							update="frmGestionPersona" />
					</center>
				</f:facet>
			</p:panelGrid>
		</h:form>
	</p:dialog>
	
</body>
</html>